<html>
<head>
    <title>Improve - Главная</title>

    <meta charset="utf-8">

    <!-- JQuery -->
    <link rel="stylesheet" href="jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.css">

    <link rel="stylesheet" href="css/base-template.css">
    <link rel="stylesheet" href="css/left-sidebar.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/content.css">


</head>
<body>

<div id="wrapper" class="clearfix">
<div id="header">

    <div class="company-data">
        <div class="company-logo"></div>
        <div class="company-slogan">Нет предела совершенству</div>
    </div>
    <!--company-data-->

    <div id="navigation-top">
        <ul class="navigation">
            <li class="first active">
                <div>
                    <a href="/" title="Главная">
                        Главная
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="about.html" title="О компании">
                        О компании
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="portfolio.html" title="Портфолио">
                        Портфолио
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="clients.html" title="Наши клиенты">
                        Наши клиенты
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="production.html" title="Производство">
                        Производство
                    </a>
                </div>
            </li>
            <li class="last">
                <div>
                    <a href="contacts.html" title="Контакты">
                        Контакты
                    </a>
                </div>
            </li>

        </ul>
    </div>
    <!--navigation-->

    <div class="feedback-block clearfix">
        <h3 class="fleft margin-top-0 margin-left-10">
            <span class="feedback-address">Москва / Санкт-петербург | </span>
            <span class="feedback-phone">+7(499)153-89-71</span>
        </h3>

        <div class="feedback-block-call">
            <img class="feedback-block-call-icon" src="images/icons/phone-icon.png">
            <span class="fleft margin-top-0">Заказать звонок</span>
        </div>
    </div>
    <!--feedback-block-->

    <div class="clear"></div>

</div>
<!--header-->

<div class="clear"></div>

<div id="container" class="clearfix">

    <div class="slider-container">
        <div class="slider-name">
            Брендинг
            <div class="triangle-right"></div>
        </div>

        <div class="arrow-button arrow-button-left"></div>
        <div class="arrow-button arrow-button-right"></div>

        <div class="slider-content clearfix">
            <img class="slider-content-image" src="images/slider-image.png">

            <div class="slider-content-title">
                Оформление машины рекламным текстом.
            </div>
            <div class="slider-content-descr">
                Это простой, быстрый и относительно дешевый способ брендирования авто!
            </div>
            <div class="clear"></div>
            <div class="slider-content-read-more">
                Узнать больше
            </div>
        </div>
        <div class="slider-shadow"></div>
    </div>
    <!--slider-->

    <div id="branding-menu" class="services-menu">
        <div class="menu-name">Брендинг</div>
        <div class="menu-list">
            <ul>
                <li><a href="#">Торговых аппаратов</a></li>
                <li><a href="#">Терминалов оплаты</a></li>
                <li><a href="#">Оформление витрин</a></li>
                <li><a href="#">Оформление банкоматов</a></li>
                <li><a href="#">Оклейка автомобилей</a></li>
            </ul>
        </div>
        <!--menu-list-->
        <img src="images/icons/branding-icon.png" class="menu-icon">
    </div>
    <!--branding-menu-->

    <div id="advertising-menu" class="services-menu">
        <div class="menu-name">Наружная реклама</div>
        <div class="menu-list">
            <ul>
                <li><a href="#">Брандмауэр</a></li>
                <li><a href="#">Шиты</a></li>
                <li><a href="#">Перетяжки</a></li>
                <li><a href="#">Билборды</a></li>
                <li><a href="#">Световые экраны</a></li>
            </ul>
        </div>
        <!--menu-list-->
        <img src="images/icons/advertising_icon.png" class="menu-icon">
    </div>
    <!--advertising-menu-->

    <div class="clear"></div>


    <div id="portfolio" class="clearfix">
        <div class="slider-title">
            <img class="icon" src="images/icons/portfolio-icon.png">

            <div class="title-text">Последние работы</div>
            <div class="arrow-button arrow-button-left"></div>
            <div class="arrow-button arrow-button-right"></div>
        </div>
        <!--slider-title-->

        <div class="clear"></div>

        <div id="portfolio-slider">
            <div class="horizontal-list">

                <div class="hor-list-item img-btns-descr-item big-item margin-right-20">
                    <img class="image" src="images/decor-showcase.png">

                    <div class="list-item-buttons" style="display: none;">
                        <div class="magnifier"></div>
                        <div class="like"></div>
                        <div class="likes-count">25</div>
                    </div>
                    <div class="description">
                        <h3 class="title">Оформление</h3>
                        Наклейка для витрины магазина "Распродажа"
                    </div>
                </div>

                <div class="hor-list-item img-btns-descr-item big-item margin-right-20">
                    <img class="image" src="images/decor-vending-machine.png">

                    <div class="list-item-buttons" style="display: none;">
                        <div class="magnifier"></div>
                        <div class="like"></div>
                        <div class="likes-count">25</div>
                    </div>
                    <div class="description">
                        <h3 class="title">Брендинг</h3>
                        Оклейка торгового автомата, кофемашины
                    </div>
                </div>

                <div class="hor-list-item img-btns-descr-item big-item margin-right-20">
                    <img class="image" src="images/decor-car.png">

                    <div class="list-item-buttons" style="display: none;">
                        <div class="magnifier"></div>
                        <div class="like"></div>
                        <div class="likes-count">25</div>
                    </div>
                    <div class="description">
                        <h3 class="title">Оформление</h3>
                        Наклейка на машину, оформлените рекламным текстом
                    </div>
                </div>

            </div>
            <!--horizontal-image-links-list END-->
        </div>
    </div>
    <!--portfolio-->

    <div class="margin-top-20">
        <p class="italic-blue-text">Реклама на транспорте - один из наиболее распространенных,
            эффективных и сравнительно дешёвых видов наружной рекламы.</p>

        <p>Реклама на автомобилях, благодаря своему главному преимуществу – динамичности,
            способна составить серьёзную конкуренцию даже весьма популярному
            в последнее время трассовому модулю, не говоря уже об остальной наружной рекламе.</p>

        <p>Наружная реклама. Брендирование автомобилей, оформление автотранспорта
            (нанесение текста, изображения, логотипа).</p>

        <p>Стайлинг - это придание автомобилю собственного стиля,
            который выделит его из общей массы собратьев по конвейеру.
            Есть несколько видов стайлинга, но самым популярным в последнее время стала оклейка автомобиля пленкой.
            Это относительно недорогой способ изменить вид вашей машины до неузнаваемости.</p>
    </div>
    <!--#description-->

    <div class="bottom-info-block-index margin-top-20">
        <div class="slider-title clearfix">
            <img class="icon" src="images/icons/partners-icon.png">

            <div class="title-text">Наши клиенты</div>
            <div class="arrow-button arrow-button-left"></div>
            <div class="arrow-button arrow-button-right"></div>
        </div>
        <!--slider-title-->

        <div class="margin-top-20 margin-bottom-20 clearfix">

            <div class="horizontal-list margin-top-20">
                <div class="hor-list-item img-item big-item margin-left-30 margin-right-30">
                    <a href="#">
                        <img class="image" src="images/partners/zoo-studio.png">
                    </a>
                </div>
                <div class="hor-list-item img-item big-item margin-left-30 margin-right-30">
                    <a href="#">
                        <img class="image" src="images/partners/fork-bison.png">
                    </a>
                </div>

                <div class="hor-list-item img-item big-item margin-left-30 margin-right-30">
                    <a href="#">
                        <img class="image" src="images/partners/firetiger.png">
                    </a>
                </div>
                <div class="hor-list-item img-item big-item margin-left-30 margin-right-30">
                    <a href="#">
                        <img class="image" src="images/partners/giraffe.png">
                    </a>
                </div>
            </div>
            <!--horizontal-image-links-list END-->

        </div>
        <!--partners-slider-->
    </div>
    <!--partners-->

</div>
<!--container-->
</div>
<!--wrapper-->


<div id="footer" class="clearfix">

    <div class="contacts">
        <div class="fleft contact">
            <img class="icon" src="images/icons/envelope-icon.png">
            improve@gmail.com
        </div>
        <div class="fleft contact">
            <img class="icon" src="images/icons/phone-icon.png">
            +7(499)153-89-71
        </div>
        <div class="fleft contact">
            <img class="icon" src="images/icons/location-mark-icon.png">
            Москва / Санкт-петербург
        </div>
    </div>
    <!--contacts-->
    <br class="clear">

    <div class="copyright">
        Copyright © 2013
    </div>
    <!--copyright-->

</div>
<!--footer-->

<div class="clear"></div>

<!-- JQuery -->
<script src="jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
<script src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>

<!-- Jquery listeners -->
<script src="js/ui-listener.js"></script>


</body>
</html>